<template>
  <div>
    <div class="font-container" ><i class="fa fa-sort-shapes-down" ></i> <span class="text-span">fa fa-sort-shapes-down </span></div>
    <div class="font-container" v-for="(item,index) in list" :key="index"><i class="fa fa-sort-shapes-down" :class="'fa-'+item"></i> <span class="text-span">fa fa-sort-shapes-down fa-{{item}}</span></div>
  </div>
</template>

<script>
  import {fontawesome_rotate} from './fontawwsomeCollects.js'
export default {
  name:"FontAwesomeRotate61",
  data() {
    return {
      list: fontawesome_rotate
    }
  },
}
</script>

<style  scoped>
.font-container{
  width: 400px;
  margin: 20px;
}
.text-span{
  margin-left: 10px;
}
</style>